// src/components/Layout.tsx
import { PageHeader } from 'antd'
import React, { FC } from 'react'
import Navigation from './Navigation'

// 指定 Props 类型
interface Props {
    children: React.ReactNode,
    title: string,
    subTitle: string
}

const Layout: FC<Props> = ({ children, title, subTitle }) => {
    return (
        <div>
            <Navigation />
            <PageHeader className="jumbotron" title={ title } subTitle={ subTitle } />
            <div style={{width: '85%', margin: '0 auto'}}>{ children }</div>
        </div>
    )
}

export default Layout